﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Profile.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="contentPane" runat="server">

    <div class="friendsList">
        <% 
           List<WebApp.Models.Person> friends = (List<WebApp.Models.Person>)ViewData["Model"];
           foreach (WebApp.Models.Person friend in friends) 
           { %>
                <div class="friend">
                    <a href="/profile/?id=<%=friend.Id %>"><img src="https://graph.facebook.com/<%=friend.Id %>/picture" alt="<%=friend.Name %>" /></a> <br />
                    <a href="/profile/?id=<%=friend.Id %>"><%=friend.Name %></a>
                </div>
           <%
           } 
        %>
        <!-- Need to clear after a float -->
        <div class="clear"></div>
    </div>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ProfileHead" runat="server">
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="contentLinks" runat="server">
</asp:Content>
